<template>
	<div class="demo2">
		<h2>我是Demo2组件</h2>
		<h4 v-show="car">我哥给我的车：{{car}}</h4>
		<button @click="death">销毁自己</button>
	</div>
</template>

<script>
	export default {
		name:'Demo2',
		data() {
			return {
				car:''
			}
		},
		//接收数据的组件，在组件挂载完毕之后，立即给x绑定自定义事件，回调留在自己家
		mounted() {
			this.$bus.$on('haha',(value)=>{
				console.log('我是Demo2的输出，x身上的haha事件被触发，收到了值',value)
				this.car = value
			})
		},
		beforeDestroy(){
			this.$bus.$off('haha')
		},
		methods: {
			death(){
				this.$destroy()
			}
		},
	}
</script>

<style scoped>
	.demo2{
		background-color: orange;
		padding: 20px;
	}
</style>